<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<div class="row-fluid container" style="margin-top: 5px; margin-bottom:30px">
	<div id="loading-load" style="display: none; text-align: center; color: #834313;"></div>
	
	<div class="project_detail row-fluid" id="tab-part7">
		<div class="span7 detail-left  addradius">
			<div style="display: none;" id="project-title-top">
				<h4 id="pre-name" style="font-weight:700;"></h4> 
				<span style="background:#ffaa05;color:#fff;border-radius:2px;margin-right:5px">发起人</span><span id="insti-name"></span>
				<span id="pre-time" class="tip pull-right"></span>
			</div>
			<!-- Tab样式 -->
			<div class="tabbable" id="tabs-42466">
				<ul class="nav nav-pills hidden-phone">
					<li class="active"><a href="#tab-part1" data-toggle="tab"
						class="detail-tab-home-icon">服务介绍</a></li>
					<li><a href="#tab-part2" data-toggle="tab"
							class="detail-tab-comment-icon">个人成就</a></li>
					<li id="projectCommentTab"><a href="#tab-part5"
										data-toggle="tab" class="detail-tab-comment-icon">服务评论</a></li>
					 <li><a href="#tab-part6" data-toggle="tab"
											class="detail-tab-sup-icon">最新资助</a></li> 
				     </ul>
				    <ul class="nav nav-pills visible-phone" style="margin-left:20px;">
					<li class="active"><a href="#tab-part1" data-toggle="tab"
						class="detail-tab-home-icon" style="width:40px;">介绍</a></li>
					<li><a href="#tab-part2" data-toggle="tab"
							class="detail-tab-comment-icon" style="width:40px;">成就</a></li>
					<li id="projectCommentTab"><a href="#tab-part5"
										data-toggle="tab" class="detail-tab-comment-icon" style="width:40px;">评论</a></li>
					 <li><a href="#tab-part6" data-toggle="tab"
											class="detail-tab-sup-icon" style="width:40px;">资助</a></li> 
				     </ul>
										<div class="tab-content">
											<div class="tab-pane active" id="tab-part1">
												<!-- <p>第一部分内容.</p> -->
												<div class="row-fluid">
													<div id="projectCover">
														<div class="laoding-round" style="margin-top: 200px;"></div>
													</div>
													<ul class="introduce-div">
														<table class="table">
															<tbody>
																<tr>
																	<shiro:hasAnyRoles name="charitarian">
																	<td id="recommendProject">
																		<li class="support-project" id="recommend-project">推荐服务
																			<br> <i style="cursor: pointer;"
																			class="support-project-img"></i>
																		</li>
																	</td>
																</shiro:hasAnyRoles>
																<td><li id="shareTo" class="start-project ma-share">分享服务 
																	<i style="cursor:pointer;" class="start-project-img"></i>
																</li></td>
																<td><li class="attention-project ma-share">关注服务 <i
																	style="cursor: pointer;" class="attention-project-img"></i>
																</li></td>
																<td><li class="con-project ma-share"><a href="#comment" style="font-size:14px;">评论服务
																	<i class="con-project-img"></i>
																</a></li>
																</td>
															</tr>
														</tbody>
														
													</table>
												</ul>
												<ul class="introduce-ul">
													<li><div id="introduceProject"></div></li>
													<li><h4>大家的讨论</h4></li>
													<li class="discuss-li1"><span>全部</span></li>
													<li id="discussAll">
														<div class="laoding-round"></div>
													</li>
												</ul>
											</div>
											<div class="start-new-discuss">
												<h4>发起新评论</h4>
												<a name="comment"></a>
												<li class="introduce-ul-li">
													<form id="startNewComment2">
														<input type="hidden" name="project.id" value="" class="pid">
														<input type="hidden" name="userId" value="" class="uid">
														<textarea name="content" class="txt" id="textarea-text2"
														style="height: 110px;" maxlength="100"></textarea>
														<br />
														<button class="raise-submit" style="line-height: 38px;float:none">评论</button>
													</form>
												</li>
											</div>
										</div>
										<span class="btn btn-success fileinput-button"
										style="display: none;"> <i class="glyphicon glyphicon-plus"></i>
										<span>添加图片</span> <!-- 单选 --> <input id="fileupload" type="file"
										name="files[]">
									</span>
									<div class="tab-pane" id="tab-part2">
										<div class=" do_plan_detail" id="scheduleList">
											<div class="laoding-round"></div>
										</div>
										<div class="discuss-li1">
											<!-- <span>执行反馈</span> -->
										</div>
								</div>
								<!-- 该用户是否可以添加反对 -->
								<input type="hidden" id="input-approve-upSupport" value="" />

				<!-- 公益影响力 -->
				<div class="tab-pane" id="tab-part4">
					<!-- 关注统计 -->
					<ul class="nav nav-pills statistics">
						<li class="active statistics"><a href="#follow"
							data-toggle="tab" class="attention_statistics">关注统计</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="follow">
								<div class="drow_container">
									<div class="chart-title">
										<span id="attemtionCount">总关注<em>1000</em>人
										</span> <span class="new_incress_attention"> 今日新增<em>0</em>人
									</span> <span class="add_new"></span>
								</div>

								<div id="attentionTable"></div>
							</div>
						</div>
					</div>
					<!-- 分享统计贡献排行 -->
					<ul class="nav nav-pills statistics">
						<li class="active statistics "><a href="#contriDra"
							data-toggle="tab" class="attention_statistics statistics_border">分享统计</a></li>
							<li class="statistics"><a href="#tableShare"
								data-toggle="tab" class="attention_statistics">贡献排行</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane " id="tableShare">
									<table class="table" style="">
										<thead>
											<tr style="background-color: #eee">
												<th style="width: 5%;"></th>
												<th style="width: 15%;">用户</th>
												<th style="width: 15%;">分享时间</th>
												<th style="width: 15%;">吸引访问</th>
												<th style="width: 15%;">公益积善值</th>
												<th style="width: 5%;"></th>
											</tr>
										</thead>
										<tbody id="share_statistics">
										</tbody>
									</table>
								</div>

								<div class="tab-pane active" id="contriDra">
									<div class="drow_container">
										<div class="chart-title">
											<span id="shareCount">分享总次数<em>1000</em>
											</span> <span class="new_incress_share"> 今日新增分享<em>0</em>次
										</span> <span class="add_new"></span>
									</div>

									<div id="shareTable"></div>
								</div>
							</div>
						</div>
						<!-- 评论统计 -->
						<ul class="nav nav-pills statistics">
							<li class="active statistics"><a href="" data-toggle="tab"
								class="attention_statistics">评论统计</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="follow2">
									<div class="drow_container">
										<div class="chart-title">
											<span id="commentCount">评论总数<em>1000</em>条
											</span> <span class="new_incress_comment"> 今日新增<em>0</em>条
										</span> <span class="add_new"></span>
									</div>

									<div id="commentsTable"></div>
								</div>
							</div>
						</div>
						<!-- 资助统计贡献排行 -->
						<ul class="nav nav-pills statistics">
							<li class="active statistics"><a href="#contribution2"
								data-toggle="tab" class="attention_statistics statistics_border">资助统计</a></li>
								<li class=" statistics"><a href="#fund_ph" data-toggle="tab"
									class="attention_statistics">贡献排行</a></li>
								</ul>
								<div class="tab-content">
									<!-- 贡献排行 -->
									<div class="tab-pane " id="fund_ph">
										<table class="table" style="min-height: 200px;">
											<thead>
												<tr style="background-color: #eee">
													<th style="width: 5%;"></th>
													<th style="width: 15%;">用户</th>
													<th style="width: 15%;">资助金额</th>
													<th style="width: 15%;">资助时间</th>
													<th style="width: 15%;">公益积善值</th>
													<th style="width: 5%;"></th>
												</tr>
											</thead>
											<tbody id="fund_statistics">
											</tbody>
										</table>
									</div>

									<div class="active tab-pane" id="contribution2">
										<div class="drow_container">
											<div class="chart-title">
												<span id="fundCount">总资金需求<em></em>
												</span> <span id="todayFound"> 今日单笔最高<em>0</em>
											</span> <span id="getFound"> 已获资助<em></em>
										</span><span id="todayPerson"> 日新增<em>0</em>
									</span><span class="add_new"></span><span class="new_incress_support">
									今日捐赠人<em>0</em>人
								</span>
							</div>

							<div id="supportsTable"></div>
						</div>
					</div>
				</div>
			</div>
			<!-- 服务评论 -->
			<div class="tab-pane" id="tab-part5">
				<div class="post">
					<div id="getAd"></div>
					<a id="addAd" href="#addAd-modal" role="button" class="opposition-against" data-toggle="modal">添加新公告</a>
					<div id="addAd-modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-header">
							<button class="close" aria-hidden="true" data-dismiss="modal" type="button">x</button>
							添加新公告
						</div>
						<form id="addProjectAd">
							<input type="hidden" name="createdDate" value="">
							<input type="hidden" name="project.id" value="" class="ad_pid">
							<div class="modal-body">
								<table>
									<tr>
										<td class="modal_td">【公告】</td>
									</tr>
									<tr>
										<td>标题</td>
										<td><input type="text" placeholder="请填写公告标题..." name="title"></td>
									</tr>
									<tr>
										<td style="vertical-align: top; text-align: left;">内容</td>
										<td><textarea id="content" placeholder="请填写公告内容..." name="content" maxlength="500"></textarea></td>
									</tr>
								</table>
							</div>
							<div class="modal-footer">
								<button class="opposition-ok">确&nbsp;定</button>
								<button class="opposition-cancel" data-dismiss="modal" aria-hidden="true">取&nbsp;消</button>
							</div>
						</form>
					</div>
				</div>
				<ul class="post-everyone">
					<li id="projectCommentList"></li>
				</ul>
				<div id="" class="paginator"></div>
				<div class="start-new-discuss">
					<h4>发起新评论</h4>
					<li class="introduce-ul-li">
						<form id="startNewComment">
							<input type="hidden" name="project.id" value="" class="pid">
							<input type="hidden" name="userId" value="" class="uid">
							<textarea name="content" class="txt" id="textarea-text1"
							style="height: 110px;" maxlength="100"></textarea>
							<button class="raise-submit">评论</button>
						</form>
					</li>
				</div>
			</div>
			<!-- 最新资助 -->
			<div class="tab-pane" id="tab-part6">
				<div class="laoding-round"></div>
			</div>
		</div>
	</div>
</div>
<div class="span5 info detail-right">
	<div name="projectInfo" class="project-info addradius" id="projectInfor">

	</div> 

	<div class="user-info addradius" name="userInfo">
		<div id="projectStartOrg"></div>
	</div>

	<div class="product_list addradius">
		<div id="productsList"></div>
	</div>	
</div>
</div>
<!-- 购买商品 -->
<div class="tab-pane" id="tab-part8" style="display: none;">
	<div id="tabzfbTitle"></div>
	<form id="deposit" ></form>
	<div class="pay_product">
		<div class="span9" style="height: auto">
			<table class="table">
				<thead>
					<tr>
						<td><span class="visi-num">购买数量：</span><input id="buyCount" value="1" class="visi-input"><span class="limitb">(限购<span class="limitbuy"></span>个)</span>
						</td>
					</tr>
					<tr>
						<td>总金额：<span id="payCount"></span>&nbsp;元
						</td>
					</tr>
					<tr>
						<td>您的账户余额为: <span class="zhye"></span>&nbsp;元</td>
					</tr>
					<tr>
						<td><input type="checkbox" id="use-zhye">使用账户余额付款</td>
					</tr>
					<tr id="paybyzfb">
						<td>使用支付宝付款：<span id="zhifubao" ></span>&nbsp;元</td>
					</tr>
				</thead>
				<tbody class="buy_show">
					<tr class="">
						<td></td>
					</tr>
            <tr class="giftsend">
            <td>请填写你要送礼的手机号</td>
            </tr>
           <tr class="giftsend"><td><input type="text" name="phone" id="sePhone" class="required" placeholder="输入你要送礼的手机号"><td></tr>
           <tr class="giftsend"><td><input type="text" name="againPhone" id="againPhone" class="required" placeholder="再次输入你要送礼的手机号"><td></tr>
           	<tr class="">
						<td>为确保您的资金安全，请输入账号密码</td>
					</tr>
					<tr class="">
						<td><input type="password" class="zfb_password"></td>
					</tr>
            </tbody>
			</table>
			<div style="margin-left:20px;height:35px;">
				<input type="button" class="buy bbuy" id="buy" value="购买">
				<input type="button" class="buy bsend" id="buy" value="送礼">
			</div>
		</div>
		<div class="span3">
			<div class="thumbnail hidden-phone" id="preShow"></div>
		</div>
	</div>
</div>
<div id="recommendModel" class="modal hide fade" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal"
	aria-hidden="true"></button>
	个人服务商认证申请提醒
</div>
<div class="modal-body">
	<p>只有个人服务商才能发起服务，请重新注册成个人服务商用户?</p>
</div>
<div class="modal-footer">
	<button id="qr" data-dismiss="modal" aria-hidden="true">确认</button>
	<button id="qx" data-dismiss="modal" aria-hidden="true">取消</button>
</div>
</div>
<div class="letter_send_seccuss">
	<span class="show_success"></span><span>发送成功</span>
</div>
<div class="letter_send_error">
	<span class="show_error"></span><span>发送失败</span>
</div>
<div class="share">
	<table class="table">
		<thead>
			<tr>
				<th class="color_theme"
				style="text-align: left; line-height: 20px;">
				分享到:<i class="close_share"></i></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>
					<div class="bdsharebuttonbox">
						<a href="#" class="sina-share" data-cmd="tsina" title="分享到新浪微博"></a><a
						href="#" class="yy-share" data-cmd="renren" title="分享到人人网"></a><a
						href="#" class="tencent-share" data-cmd="qzone" title="分享到QQ空间"></a><a
						href="#" class="txweb-share" data-cmd="tqq" title="分享到腾讯微博"></a><a
						href="#" class="douban-share" data-cmd="douban" title="分享到豆瓣"></a><a
						href="#" class="friend-share" data-cmd="tqf" title="分享到腾讯朋友圈"></a>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
</div>
<div class="letter_send_seccuss">
	<span class="show_success"></span><span>推荐成功</span>
</div>
<div class="letter_send_error">
	<span class="show_error"></span><span>推荐失败</span>
</div>
</div>
<!-- Button to trigger modal -->
<a href="#imgModal" role="button" class="btn" data-toggle="modal"
id="imgshow" style="display: none;left:40%;"></a>

<!-- Modal -->
<div id="imgModal" class="modal hide fade" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true"
style="width: auto; height: auto;left:40%;">
<div class="modal-header"
style="background: none; background-color: #999999;">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
</div>
<span id="show"></span>
</div>



<a href="#top" class="back_to_top" style="display: none;"></a>
<!-- 最新资助 -->
<script type="text/html" id="tab-part6-template">
<table class="table table-hover">
<thead>
<tr style="background-color: #eee;">
<th class="user_name"><span class="hidden-phone">用户名称</span><span class="visible-phone">用户</span></th>
<th>数量</th>
<th>总金额</th>
<th>成交时间</th>
</tr>
</thead>
<tbody >


<$for(var i = 0;i<result.length;i++){$>
	<tr>
	<td class="column1">
	<div class="media loginN"  data="<$=result[i].user.loginName$>">
	<div class="head-pic hidden-phone">
	<a href="#"> <img id="" src="<$=result[i].user.avatarUrl$>/60x60" />
	</a>
	</div>
	<div class="media-body">
	<a class="user-name-font" href="#"><$=result[i].userName$></a>
	</div>
	</div>
	</td>
	<td class="textcenter"><$=result[i].productAmount$></td>
	<td class="textcenter">￥<$=result[i].productPrice * result[i].productAmount$></td>
	<td class="textcenter"><li><$=result[i].createdDate$>&nbsp;&nbsp;
	</li></td>
	</tr>

<$}$>
</tbody>
</table>
<$ if ( totalPages > 1 ) { $>
<div class="pagination">
<$==pagination$>
</div>
<$ } $>		
</script>
<!-- 推荐的投资人 -->
<script type="text/html" id="proRecommender-template">
<$for(var i = 0;i<recommenders.length;i++){$>
<span class=""><$=recommenders[i].name$></span> 
<$for(var j = i;j<recommenders.length-1;j++){$>
，

<$ break;} $>		
<$ } $>
</script>
<!-- 服务筹资详情 -->
<script type="text/html" id="projectInfor-template">

<span class="info-right"> 
<span class="info-img-financing" style="background-position:-147px -90px"><span class="visi-address visible-phone" style="margin-top:30px"><$=project.cityRegion.name$></span></span>
<br><br> 
<span class="loca hidden-phone"><i class="address"></i><$=project.cityRegion.name$></span>
</span>
<span class="info-title">已售金额<br><em>￥<$=project.fundCurrent$></em>
</span> 
<div style="background-color: #ffaa05;height:5px;border-radius:4px;" class="progress hidden-phone" id="projectInforBar">
</div>
<div class="row-fluid tip suportNum hidden-phone">
<div class="span4 text-center">
<$if(project.supportCount==0){$><$=project.supportCount$><br>关注<$}else{$><b><$=project.supportCount$></b><br>支持人数<$}$>
</div>
<div class="span3 center-day text-center" style="margin-left:0px;">
<b><$=project.viewCount$></b><br>浏览人数
</div>
<div class="span4 right text-center" style="text-align:center;">
<b><$=project.productAmount $></b><br />
已售数量
</div>
</div>
<div class="visible-phone">
<table style="width:90%;margin-left:-10px;">
<tr>
<td class="text-center info"><span><em><$=project.viewCount$></em></span></td>
<td class="text-center info"><span><em><$=project.supportCount$></em></span></td>
<td class="text-center info"><span><em><$=project.productAmount$></em></span></td>
</tr>
<tr>
<td class="text-center">浏览人数</td>
<td class="text-center">支持人数</td>
<td class="text-center">已售数量</td>
</tr>
</table>
</div>
</script>
<script type="text/html" id="projectStartOrg-template">
<span class="info-title">服务发起人</span>
<div class="media clearfix" style="margin-top:10px;">
<a href="${ctx }/home?id=<$= project.institution.user.id $>" class="pull-left"><img src="<$=project.institution.user.avatarUrl$>/75x75"
class="media-object info-head-img" alt='' /></a>
<div class="media-body">
<h5 class="media-heading"><i class="institution-icon" ></i><$=project.institution.name$></h5>
<a>支持的服务(<$=project.institution.supportNum$>)</a> <a>发起的服务(<$=project.institution.startNum$>)</a>
</div>
</div>
</script>
<!-- <span class="target">目标必须在<b class="tip"><$print(endDate)$></b>前，达到<b class="tip">￥<$=project.fundTarget$></b>的目标才可成功
</span> -->


<script type="text/html" id="projectCover-template">
<div class="img-box">
<img src="<$=project.photoUrl$>/500x500/" alt="" width="100%"/>
</div>
</script>
<!-- 商品信息  (共<b><$=result[i].ammount$></b>个&nbsp;&nbsp;，还剩<b><$=result[i].remaining$></b>个) -->
<script type="text/html" id="productsList-template">
<$for(var i = 0;i<result.length;i++){$>
<div class="support" id="product<$=result[i].id$>">
<span style="margin-top:5px;"><strong class="sup-title"><$=result[i].name$></strong>(已售出<b>
<$if(result[i].ammount== null) {$>
	0
<$} else {$>
<$=result[i].ammount$>
<$}$></b>个)</span>
<input type="hidden" value="<$=result[i].remaining$>" id="remaining<$=result[i].id$>"/>
<input type="hidden" value="<$=result[i].caps$>" id="caps<$=result[i].id$>"/>
<div class="media">
<a href="#" class="pull-left"><img src="<$=result[i].photoUrl$>/205x250/"
class="media-object info-head-img" title='<$=result[i].name$>' alt='100*100' /></a>
<div>
<span><$=result[i].description$></span> 
</div>
</div>
<span class="" style="margin-top:30px;">价值<b class="price">￥<$=result[i].price$></b></span>
<a data-toggle="tab" class="sup-btn btn-r" style="cursor:pointer;" data="<$=result[i].id$>">购买
<input type="hidden" name="fundCode" value="<$=result[i].code$>" class="fundCode">
<input type="hidden" name="status" value="" class="proStatus">
</a>
<a data-toggle="tab" class="gvgift-btn btn-r" style="cursor:pointer;" data="<$=result[i].id$>">请客送礼
<input type="hidden" name="fundCode" value="<$=result[i].code$>" class="fundCode">
<input type="hidden" name="status" value=""  class="proStatus">
</a>
<!-- <a data-toggle="tab" class="sup-btn btn-r btn  btn-warning visible-phone" style="height:20px;width:40px;margin:-35px 40px 10px 30%;line-height:20px;font-size:12px;" data="<$=result[i].id$>">购买
<input type="hidden" name="fundCode" value="<$=result[i].code$>" class="fundCode">
<input type="hidden" name="status" value="" class="proStatus">
</a>
<a data-toggle="tab" class="gvgift-btn btn-r btn  btn-warning visible-phone" style="height:20px;width:60px;margin:-40px 0 20px 60%;line-height:20px;font-size:12px;" data="<$=result[i].id$>">请客送礼
<input type="hidden" name="fundCode" value="<$=result[i].code$>" class="fundCode">
<input type="hidden" name="status" value=""  class="proStatus">
</a> -->
</div>
<$}$>
</script>
<!-- 执行计划list -->
<script type="text/html" id="scheduleList-template">

<$for(var i = 0;i<schedule.length;i++){$>
<$ sd=schedule[0].startDate.substring(0,10)
nd=schedule[0].endDate.substring(0,10)
$>
<div class="message_list do_list">
<div class="check_time hidden-phone">
<i><$=i+1$></i>
<$if(sd==nd){$>
<$=sd$>
<$}else{$>
<$=sd$><br>~<$=nd$>
<$}$>
</div>
<div class="media">
<i class="time_icon"></i>
<div class="media-body">
<h5 class="media-heading">成就  <$=i+1$>：</h5>
<span>
<$=schedule[i].content$>
</span>
</div>
</div>
</div>
<$}$>
</script>



<!-- 费用预算 -->
<script type="text/html" id="budgetList-template">
<$for(var i = 0;i<budget.length;i++){$>
<$ sd=budget[0].startDate.substring(5,10)
nd=budget[0].endDate.substring(5,10)
$>
<div class="message_list do_list">
<div class="check_time">
<i><$=budget[i].stage$></i>
<$if(sd==nd){$>
<$=sd$>
<$}else{$>
<$=sd$>~<$=nd$>
<$}$>
</div>
<div class="media">
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<table class="table table-hover table-condensed">
<thead>
<tr>
<th class="predict_title">分类</th>
<th>人力费用</th>
<th>服务费用</th>
<th>行政费用</th>
<th>其他</th>
</tr>
</thead>
<tbody>
<tr class="budget_tr">
<td>费用</td>
<td><$=budget[i].laborCosts$></td>
<td><$=budget[i].programCosts$></td>
<td><$=budget[i].adminCosts$></td>
<td><$=budget[i].otherCosts$></td>
</tr>
<tr class="">
<td class="predict_title">备注</td>
<td colspan="4"><$=budget[i].remark$></td>
</tr>
<tr class="">
<td class="predict_title">总算</td>
<td colspan="4"><$=budget[i].laborCosts + budget[i].programCosts + budget[i].adminCosts + budget[i].otherCosts$></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<$}$>
</script>
<!-- 预览服务 -->
<script type="text/html" id="preShow-template">
<div class="thumbnail thumbnail_prepic hidden-phone" id="preImg">
<a href="${ctx }/project/detail?id=<$= project.id $>"><img alt="500x500"
style="width: 100%; height: 200px;"
src="<$=project.photoUrl$>/231x200/"></a>
</div>

<div class="caption">
<ul class="project-one">
<li class="project-title"><b><$=project.name$></b></li>
<li class="project-function"><a href="#"><i	class="address"></i><$=project.cityRegion.name$></a></li>
<li class="project-stats">
<div class="project-jindu">
<div class="projectpledged"></div>
</div>
<div class="projectstats">
<dl class="widtha">
<dd><span id=attentioncount> <$= project.attentionCount$> </span></dd>
<dd>关注</dd> 
</dl>
<dl class="widthb">
<dd>￥<span id=fundcurrent> <$= project.fundCurrent$><span> </dd>
<dd>已售金额</dd> 
</dl>
<dl class="widthc">
<dd><span id=productamount><b><$= project.productAmount$></b></span></dd>
<dd>已售数量</dd>
</dl>
</div>
</li>
</ul>
</div>
</script>
<!-- 服务介绍详情 -->
<script type="text/html" id="tabzfbTitle-template">
</script>
<script type="text/html" id="introduceProject-template">
<li><h4>服务简介</h4></li>
<li >
	<$==project.description$>
</li>
<li><h4>服务背景</h4></li>
<li class="description-li">
	<$==project.activityBackground$>
</li>

<li><h4>如何联系我？</h4></li>
<li>
	<span>电话：</span><b><span class="tip"><$=project.userPhone$></span></b><br />
	<span>邮箱：</span<b><span class="tip"><$=project.institution.applicantEmail$></span></b><br />
	<span>QQ：</span<b><span class="tip"><$=project.userQQ$></span></b><br />
	<span>联系人：</span<b><span class="tip"><$=project.userRealName$></span></b><br />
</li>
</script>
<!-- 大家的讨论 -->
<script type="text/html" id="discussAll-template">
<$for(var i = 0;i<result.length;i++){$>
<$if(i<3){$>
<table class="table">
<tbody class="" style="border-bottom: 1px solid rgb(204, 204, 204);">


<$if(result[i].superId==null){$>
<tr>
<td rowspan="3" style="width: 60px; height: 60px;position:relative">
<a style="padding:0px" href="${ctx }/home?id=<$=result[i].userId$>"><div class="user_info message-user-pic">
<img style="display:block;width: 60px; height: 60px;border:1px solid #C0C0C0;"
src="<$=result[i].userAttachment$>/60x60" alt="40*40"  title="<$=result[i].userName$>" />
</div></a>
</td>
</tr>
<tr><td colspan="6" style="text-align:botton;font-size:14px;"><a class="color_theme" href="${ctx }/home?id=<$=result[i].userId$>">
<$if(result[i].userRole=='institution'){$><i class="institution-icon" ></i><$}else if(result[i].userRole=='charitarian'){$><i class="charitarian-icon" ></i><$}$>
<$=result[i].userName$></a><i></i>：
<span style="word-break:break-all;width:auto;"><$=result[i].userContent$></span></td></tr>
<tr>

<td colspan="6" style="text-align: right;"><input type="hidden" value="<$=result[i].id$>"><span class="send_time color_theme" data="<$=result[i].userContent$>"><$=result[i].userCreatedDate$></span><span class="chart color_theme returnMessage" data='{<$=result[i].userId$>,<$=result[i].id$>}'>回复</span> <span class="del_to_list color_theme" data='<$=result[i].id $>'>删除</span></td>
</tr>
<$}$><$else{$>
<tr>
<td rowspan="3" style="width: 60px; height: 60px;position:relative">
<a style="padding:0px" href="${ctx }/home?id=<$=result[i].userId$>"><div class="message-user-pic">
<img style="width: 60px; height: 60px;border:1px solid #C0C0C0;"
src="<$=result[i].userAttachment$>/60x60" alt="40*40" title="<$=result[i].userName$>" />
</div></a></td>

</tr>
<tr><td colspan="6" style="text-align:botton;font-size:14px;"><a class="color_theme" href="${ctx }/home?id=<$=result[i].userId$>">
<$if(result[i].userRole=='institution'){$><i class="institution-icon" ></i><$}else if(result[i].userRole=='charitarian'){$><i class="charitarian-icon" ></i><$}$>
<$=result[i].userName$></a><span>回复：</span><a class="color_theme" href="${ctx }/home?id=<$=result[i].superId$>">
<span class="color_theme">
<$if(result[i].superRole=='institution'){$><i class="institution-icon" ></i><$}else if(result[i].superRole=='charitarian'){$><i class="charitarian-icon" ></i><$}$>
<$=result[i].superName$><span style="word-break:break-all;width:auto;">(“<$=result[i].superContent$>”)</span>
</span></a>
<span style="word-break:break-all;width:91%;"><$=result[i].userContent$><span></td></tr>
<tr>
<td colspan="6" style="text-align: right;"><input type="hidden" value="<$=result[i].id$>"><span class="send_time color_theme" data="<$=result[i].userContent$>"><$=result[i].userCreatedDate$></span><span class="chart color_theme returnMessage" data={<$=result[i].userId$>,<$=result[i].id$>}>回复</span> <span class="del_to_list color_theme" data='<$=result[i].id $>'>删除</span></td>
</tr>
<$}$>
<$}$>
</tbody>
</table>
<$}$>
</script>
<script type="text/html" id="projectCommentList-template">
<$for(var i = 0;i<result.length;i++){$>
<table class="table">
<tbody class="" style="border-bottom: 1px solid rgb(204, 204, 204);">


<$if(result[i].superId==null){$>
<tr>
<td rowspan="3" style="width: 60px; height: 60px;position:relative">
<a style="padding:0px" href="${ctx }/home?id=<$=result[i].userId$>"><div class="user_info message-user-pic">
<img style="display:block;width: 60px; height: 60px;border:1px solid #C0C0C0;"
src="<$=result[i].userAttachment$>/60x60" alt="40*40" title="<$=result[i].userName$>"/>
</div></a>
</td>
</tr>
<tr><td colspan="6" style="text-align:botton;font-size:14px;"><a class="color_theme" href="${ctx }/home?id=<$=result[i].userId$>">
<$if(result[i].userRole=='institution'){$><i class="institution-icon" ></i><$}else if(result[i].userRole=='charitarian'){$><i class="charitarian-icon" ></i><$}$>
<$=result[i].userName$></a><i></i>：
<span style="word-break:break-all;width:auto;"><$=result[i].userContent$></span></td></tr>
<tr>

<td colspan="6" style="text-align: right;"><input type="hidden" value="<$=result[i].id$>"><span class="send_time color_theme" data="<$=result[i].userContent$>"><$=result[i].userCreatedDate$></span><span class="chart color_theme returnMessage" data='{<$=result[i].userId$>,<$=result[i].id$>}'>回复</span> <span class="del_to_list color_theme" data='<$=result[i].id $>'>删除</span></td>
</tr>
<$}$><$else{$>
	<tr>
	<td rowspan="3" style="width: 60px; height: 60px;position:relative">
	<a style="padding:0px" href="${ctx }/home?id=<$=result[i].userId$>"><div class="message-user-pic">
	<img style="width: 60px; height: 60px;border:1px solid #C0C0C0;"
	src="<$=result[i].userAttachment$>/60x60" alt="40*40" title="<$=result[i].userName$>"/>
	</div></a></td>

	</tr>
	<tr><td colspan="6" style="text-align:botton;font-size:14px;"><a class="color_theme" href="${ctx }/home?id=<$=result[i].userId$>">
	<$if(result[i].userRole=='institution'){$><i class="institution-icon" ></i><$}else if(result[i].userRole=='charitarian'){$><i class="charitarian-icon" ></i><$}$>
	<$=result[i].userName$></a><span>回复：</span><a class="color_theme" href="${ctx }/home?id=<$=result[i].superId$>">
	<span class="color_theme">
	<$if(result[i].superRole=='institution'){$><i class="institution-icon" ></i><$}else if(result[i].superRole=='charitarian'){$><i class="charitarian-icon" ></i><$}$>
	<$=result[i].superName$><span style="word-break:break-all;width:auto;">(“<$=result[i].superContent$>”)</span>
	</span></a>
	<span style="word-break:break-all;width:91%;"><$=result[i].userContent$><span></td></tr>
	<tr>
	<td colspan="6" style="text-align: right;"><input type="hidden" value="<$=result[i].id$>"><span class="send_time color_theme" data="<$=result[i].userContent$>"><$=result[i].userCreatedDate$></span><span class="chart color_theme returnMessage" data={<$=result[i].userId$>,<$=result[i].id$>}>回复</span> <span class="del_to_list color_theme" data='<$=result[i].id $>'>删除</span></td>
	</tr>
	<$}$>
	</tbody>
	</table>
	<$}$>
	<$ if ( totalPages > 1 ) { $>
		<div class="pagination">
		<$==pagination$>
		</div>
		<$ } $>
		</script>
		<!-- 资助统计贡献排行  -->
		<script type="text/html" id="fund_statistics-template">

		<$for(var i = 0;i<results.length;i++){$>
			<$ if (results.length!="0"){ $>
				<tr>
				<td>
				<$if(i<3){$>
					<span class="con_ots"><$=i+1$></span>
					<$}else{$>
																												<span><$=i+1$></span>
																												<$}$>
																												</td>
																												<td><$=results[i].userName$></td>
																												<td><em><$=results[i].supportsums$></em>元</td>
																												<td class="cont_date"><$=results[i].supportDate$></td>
																												<td><$=results[i].funds$>分</td>
																												<td></td>
																												</tr>
																												<$}else{$>
																													<tr>
																													<td>
																													<span class="con_ots"></span>
																													</td>
																													<td></td>
																													<td><em></em>元</td>
																													<td class="cont_date"></td>
																													<td>分</td>
																													<td></td>
																													</tr>
																													<$ } $>
																													<$ } $>		
																													</script>
																													<!-- 分享统计贡献排行  -->
																													<script type="text/html" id="share_statistics-template">
																													<$for(var i = 0;i<results.length;i++){$>
																														<$ if (results.length!="0"){ $>
																															<tr><td>
																															<$if(i<3){$>
																																<span class="con_ots"><$=i+1$></span>
																																<$}else{$>
																																	<span><$=i+1$></span>
																																	<$}$>
																																	</td>
																																	<td><$=results[i].userName$></td>
																																	<td class="cont_date"><$=results[i].shareDate$></td>
																																	<td><em><$=results[i].clicks$></em>人</td>
																																	<td><$=results[i].funds$>分</td>
																																	<td></td>
																																	</tr>		
																																	<$}else{$>		
																																		<tr><td>
																																		<span class="con_ots">asd</span>
																																		</td>
																																		<td></td>
																																		<td class="cont_date"></td>
																																		<td><em></em>人</td>
																																		<td>分</td>
																																		<td></td>
																																		</tr>

																																		<$ } $>	
																																		<$ } $>		
																																		</tbody>
																																		</script>
																																		<!-- 获取公告 -->
																																		<script type="text/html" id="getAd-template">
																																		<h4 >[公告]<$=title$></h4><$if(content!=null){$>
																																			<div class="post-li1">
																																			<span class="user_name" style="float:left;margin-right:10px;"></span>
																																			<p class="ad_time" id="ad_time"> <$=createdDate$></p>
																																			</div>
																																			<div class="post-li2" id="project-ad">
																																			<p style="text-indent:30px;"><$print(content+"")$></p>
																																			</div><$}else{$>
                                                                                                                                             <div class="empty-center">暂时没有公告</div>
																																			<!--
																																			<div class="post-li3">
																																			<i id="check-all-ad" class="color_theme">查看全文&gt;</i> 共有
																																			<h> 8 </h>
																																			个回应
																																			</div>
																																			-->
																																			<$}$>
																																			</script>
																																			<!-- 关于支付 -->
																																			<script type="text/html" id="about-pay-template">
																																			<span>此梦想必须在之前，达到<b class="tip">￥<$=project.fundTarget$></b>的目标才算成功，
																																			否则一经预购支持的订单将取消。订单取消时，您一经支付的金额将退至您的YAMI宝余额中。</span>
																																			</script>
																																			<!-- 执行反馈 -->
																																			<script type="text/html" id="schduleFeedBackTable-template">
																																			<$for(var i = 0;i<schedule.length;i++){$>
																																				<tr>
																																				<td width="60px" height="60px"><a href="${ctx }/home?id=<$=schedule[i].project.institution.user.id$>"> <img id="userPic" src="<$=schedule[i].project.institution.user.avatarUrl$>/60x60" /></td>
																																				<td width="50px"><i class="institution-icon"></i>机构:</td>
																																				<td><$=i+1$>.<$=schedule[i].feedback$></td>
																																				</tr>
																																				<$}$>
																																				</script>
																																				<script type="text/html" id="budgetFeedBackTable-template">
																																				<$for(var i = 0;i<budget.length;i++){$>
																																					<tr>
																																					<td width="60px" height="60px"><a href="${ctx }/home?id=<$=budget[i].project.institution.user.id$>"> <img id="userPic" src="<$=budget[i].project.institution.user.avatarUrl$>/60x60" /></td>
																																					<td width="50px"><i class="institution-icon"></i>机构:</td>
																																					<td><$=i+1$>.<$==budget[i].feedback$></td>
																																					</tr>
																																					<$}$>
																																					</script>
																																					<c:if test="${env == 'production' }">
																																					<script type="text/javascript">
																																					seajs.use("${ctx}/assets/js-dist/project/detail-page");
																																					seajs.use("${ctx}/assets/js-dist/util/share");
																																					</script>
																																				</c:if>
																																				<c:if test="${env != 'production' }">
																																				<script type="text/javascript">
																																				seajs.use("${ctx}/assets/js/project/detail-page");
																																				seajs.use("${ctx}/assets/js/util/share");
																																				</script>
																																			</c:if>

